* {
    box-sizing: border-box;
}

#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
[v-cloak]{
    display: none;
}
.content {
    overflow: hidden;
}

.orderDetailcontent {
    width: 100%;
    height: 100%;
}

.bgf0.content,
.orderDetailcontent.bgf0 {
    background: #F2F3F9;
}

.header {
    height: .8rem;
    padding: 0 .5rem;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .2);
}

.headerItem {
    height: 100%;
    font-size: .32rem;
    color: rgba(153, 153, 153, 1);
    position: relative;
}

.headerItem.active {
    color: #22B573;
}

.headerItem.active:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.65rem;
    width: 1.3rem;
    height: .06rem;
    border-radius: .06rem;
    background: #22B573;
}

.orderCell_icon {
    width: .58rem;
    padding-top: .13rem;
}

.orderView {
    padding: .1rem 0 0;
}

.orderCell {
    position: relative;
    padding: .2rem;
    margin-bottom: .1rem;
    background: #fff;
}

.orderCell>div {
    min-height: 1.6rem;
}

.rightIcon {
    width: .18rem;
    height: .31rem;
    background: url(../img/order/rightT.png) no-repeat center;
    background-size: .18rem;
    margin-right: .1rem;
    margin-left: .23rem;
}

.orderCell_body_name {
    width: 100%;
    font-size: .36rem;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
}

.orderCell_body {}

.orderCell_body_time {
    width: 100%;
    font-size: .28rem;
    color: rgba(153, 153, 153, 1);
    margin-top: .3rem;
}

.orderCell_hd {
    width: 1.8rem;
}

.orderCell_hd_money {
    font-size: .32rem;
    color: rgba(51, 51, 51, 1);
    width: 100%;
    text-align: right;
}

.orderCell_hd_state {
    width: 100%;
    text-align: right;
    margin-top: .3rem;
    font-size: .28rem;
    color: rgba(153, 153, 153, 1);
}

.orderCell_hd_stateing {
    color: rgba(221, 86, 68, 1);
}

.orderDetailview{
    width: 100%;
    height: 100%;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch; 
}
.orderDetailCell_icon {
    width: .57rem;
}

.orderDetailCell {
    padding: .4rem;
    margin-bottom: .1rem;
    background: #fff;
}

.orderDetailName {
    font-size: .36rem;
    font-weight: 600;
    line-height: .5rem;
    color: rgba(51, 51, 51, 1);
}

.orderDetailTitle {
    height: .33rem;
    line-height: .32rem;
    font-size: .32rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-bottom: .2rem;
}

.orderDetailTxt {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: .48rem;
}

.orderDetailCell_iconsmall {
    width: .33rem;
    height: .33rem;
}
.lasticon .orderDetailCell_iconsmall {
    margin-top:.07rem;
}
.color666{
    color: #999;
}
.orderDetailTitleName {
    font-size: .32rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: .4rem;
}

.orderDetailPrice {
    font-size: .4rem;
    font-weight: 400;
    color: rgba(230, 0, 18, 1);
    line-height: .4rem;
    margin-left: .3rem;
}

.orderDetailPrice span {
    font-size: .28rem;
    color: rgba(230, 0, 18, 1);
}
.orderDetailBtnPay {
    width: 5.8rem;
    height: .88rem;
    background: rgba(34, 181, 115, 1);
    border-radius: .1rem;
    font-size: .32rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-top: .33rem;
    margin-bottom: .5rem;
}
.orderDetailBtnPay:active {
    opacity: .7;
}
.Chargetime {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: .48rem;
}

.mt30 {
    margin-top: .25rem;
}

.payType {
    font-size: .28rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    margin-left: .4rem;
    line-height: .48rem;
}
.nodata{
    width: 100%;
    height: 100%;
    padding-bottom: 2rem;
}
.nodata img{
    width: 2.4rem;
}
.nodataText{
    font-size:.24rem;
    font-weight:normal;
    color:rgba(153,153,153,1);
    margin-top: .5rem;
}
#mescroll{
    -webkit-overflow-scrolling: touch; 
}